body {
  background: url('../image/background.png') repeat;
  background-size: contain;
  max-width: 1080px;
}

.container {
  min-width: 768px;

  .text-center {
    text-align: center;
  }
  .width-400 {
    width: 230px;
  }

  .bold {
    font-weight: bold;
  }

  .project {
    td {
      position: relative;
      width: 160px;
    }
    select {
      width: 100%;
      font-size: 15px;
    }
    textarea {
      resize: none;
    }
  }

  .no_border_right {
    border-right: 0;
  }

  .no_border_left {
    border-left: 0;
  }

  /* person */
  .person {
    width: 120px;
    input {
      width: 100px;
      margin-bottom: 0;
      font-size: 14px;
      text-align: center;
    }
  }

  /* manager */
  .manager input {
    width: 100%
  }

  .pannel {
    margin-top: 50px;
    button {
      width: 200px;
      margin-bottom: 20px;
    }
    .title {
      display: inline-block;
      width: 240px;
    }
    .hint {
      border: 1px solid #ccc;
      margin: 5px;
      padding: 0 5px;
    }
  }

  td.delete {
    width: 28px;
    padding: 0;
    text-align: center;
  }

  .divide {
    padding: 0 50px;
  }

  .color-red {
    color: #fff6f8;
    background: #ff0022;
    padding: 6px;
  }

  .save {
    float: right;
  }

  .error {
    border: 10px solid red;
  }
}

.add {
  table, tr, th, td {
    border: 1px solid #aaa;
  }

}

@media print {
  body {
    margin: 0;
  }
  .update {
    display: none;
  }
}

.list {
  margin: auto;
  table {
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;

  }
  td, th {
    border-left: 1px solid #000;
    border-top: 1px solid #000
  }
  input, select, textarea {
    background: none;
    border: 0;
    padding: 0 5px;
    margin: 0;
  }
  .show-content span, .show-mark span {
    top: 0;
    font-size: 10px;
  }
  .divider {
    margin-top: 50px;
  }
  .top-title {
    display: inline-block;
    width: 595px;
  }
}
